<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Administrationsoberfläche</title>
        <link rel="stylesheet" href="./lib/style.css"  media="screen">
        <script type="text/javascript" src="./lib/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="./lib/__jquery.tablesorter.min.js"></script> 
        <script type="text/javascript" src="./lib/tools.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
		loadTabContent('./view/admin.character.overview.php','');
                $("#preloader").hide(); 
            });
        </script>
    </head>
    <body>
        <table width="100%">
            <tr>
                <td colspan="2"><img src="./res/layout/site_logo.png"></td>
            </tr>
            <tr>
                <td width="18%">
                    <div class="admin">
                            <p><a id="tab1" href="#" onclick="loadTabContent('./view/admin.character.overview.php','');"><img src="./res/icons/home.png"> Übersicht</a></p>
                            <p><a id="tab2" href="#" onclick="loadTabContent('./view/admin.character.add.php','');"><img src="./res/icons/user_add.png"> Charakter anlegen</a></p>
                            <p><a id="tab3" href="#" onclick="loadTabContent('./view/admin.organisation.overview.php','');"><img src="./res/icons/organisation.png"> Organisationen</a></p>
                            <p><a id="tab4" href="#" onclick="loadTabContent('./view/admin.organisation.add.php','');"><img src="./res/icons/organisation_add.png"> Organisation anlegen</a></p>
                            <p><a id="tab5" href="#" onclick="loadTabContent('./view/admin.rank.overview.php','NSC');"><img src="./res/icons/rank.png"> Ränge</a></p>
                            <p><a id="tab6" href="#" onclick="loadTabContent('./view/admin.rank.add.php','');"><img src="./res/icons/rank.png"> Rang anlegen</a></p>
                    </div>
                </td>
                <td>
                    <div id="preloader">
                        <img src="./res/layout/loading.gif" align="absmiddle"> Bereite Liste vor...
                    </div>

                    <div id="tabcontent">
                        
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
